* {
  padding: 0;
  margin: 0;
}

html {
  color: #333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 14px !important;
}
body {
  min-height: 100%;
  position: relative;
  background: $body_bg_color;
  font-family: "Microsoft YaHei", "微软雅黑", "黑体" ,sans-serif;
  color: #666666;
  overflow-x: hidden;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

th {
  text-align: inherit
}

fieldset, img {
  border: 0
}

iframe {
  display: block
}

abbr, acronym {
  border: 0;
  font-variant: normal
}

del {
  text-decoration: line-through
}

address, caption, cite, code, dfn, em, th, var, i, b {
  font-style: normal;
  font-weight: 500
}

ol, ul, li {
  list-style: none !important;
}

h1, h2, h3, h4, h5, h6, b {
  font-size: 100%;
  font-weight: 500
}

q:before, q:after {
  content: ''
}

a {
  color: #666666;
}

a:visited, a:hover, a:active ,a:focus {
  text-decoration: none
}

html {
  height: 100%
}


input, select, textarea {
  font-size: 100%
}

ins, a {
  text-decoration: none
}
